<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="ajaxcss.css" rel="stylesheet" type="text/css">
<title>Ajax</title>
<script type="text/javascript">
var div2Obj = null;

function utworz()
{
  if(div2Obj != null){
    alert("Warstwa już istnieje.");
    return;
  }
  div2Obj = document.createElement("div");
  div2Obj.className = "div2";
  document.body.appendChild(div2Obj);
}

function przypisz()
{
  if(div2Obj == null){
    alert("Najpierw musisz utworzyć warstwę.");
    return;
  }
  div2Obj.onclick = show;
}

function show()
{
  alert("Brawo. Wszystko działa.");
}
</script>
</head>
<body>
<div id="div1">
<input type="button" value="Utwórz warstwę" onclick="utworz();">
<input type="button" value="Przypisz procedurę"
       onclick="przypisz();">
</div>
</body>
</html>
